import VueRouter from 'vue-router';

// 导入对应的路由组件
import HomeContainer from './components/tabbar/HomeContainer.vue';
import MemberContainer from './components/tabbar/MemberContainer.vue';
import ShopcarContainer from './components/tabbar/ShopcarContainer.vue';
import SearchContainer from './components/tabbar/SearchContainer.vue';
import NewsList from './components/news/NewsList.vue';
import NewsInfo from './components/news/NewsInfo.vue';
import PhotosList from './components/photos/PhotosList.vue';
import PhotoInfo from './components/photos/PhotoInfo.vue';
import GoodsList from './components/goods/GoodsList.vue';
import GoodsInfo from './components/goods/GoodsInfo.vue';
import GoodsDesc from './components/goods/GoodsDesc.vue';
import GoodsComment from './components/goods/GoodsComment.vue';



// 3.创建路由对象
const router = new VueRouter({
    routes: [{
            path: '/',
            redirect: '/home'
        },
        {
            path: '/home',
            component: HomeContainer
        },
        {
            path: '/member',
            component: MemberContainer
        },
        {
            path: '/shopcar',
            component: ShopcarContainer
        },
        {
            path: '/search',
            component: SearchContainer
        },
        {
            path: '/home/newsList',
            component: NewsList
        },
        {
            path: '/home/newsInfo/:id',
            component: NewsInfo
        },
        {
            path: '/home/photosList',
            component: PhotosList
        },
        {
            path: '/home/photoInfo/:id',
            component: PhotoInfo
        },
        {
            path: '/home/goodsList',
            component: GoodsList
        },
        {
            path: '/home/goodsInfo/:id',
            component: GoodsInfo,
            name:'goodsInfo'
        },
        {
            path: '/home/goodsDesc/:id',
            component: GoodsDesc,
            name:'goodsDesc'
        },
        {
            path: '/home/goodsComment/:id',
            component: GoodsComment,
            name:'GoodsComment'
        },
        
    ],
    linkActiveClass: 'mui-active',
    /* 覆盖默认的路由高亮类，默认的类叫做 router-link-active */
});

export default router; // 将抽离的路由抛出